//  Copyright (c) 2018-present, Cruise LLC
//
//  This source code is licensed under the Apache License, Version 2.0,
//  found in the LICENSE file in the root directory of this source tree.
//  You may not use this file except in compliance with the License.
@import "~webviz-core/src/styles/colors.module.scss";

.button {
  display: flex;
  max-width: 100%;
  padding: 4px 10px;
  background-color: $dark4;

  .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    flex: 1;
  }

  &:hover {
    background-color: $dark5;
  }
}

option:disabled {
  color: gray;
  cursor: not-allowed;
}
